<Template name="Login">
  <div class = "logo-box">
    <div class = "next" style="text-align: right;top: 24px !important;position: absolute;right: 26px;">
      <a href="#" class="button button-round link" style="color:#008fff !important;margin:12px 6px;">跳过</a>
    </div>
    <div class = "logo"></div>

  </div>
  <div class ="login-box">
    <div class="list-block">
      <ul class = "items-list">
        <!-- Text inputs -->
        <li class = "list-item">
          <div class="item-content">
            <div class="item-media"><i class="iconfont icon-shouji login-icon" ></i></div>
            <div class="item-inner">
              <div class="item-input mobile-input">
                <input type="number" oninput="if(value.length>11)value=value.slice(0,11)"  placeholder="请输入手机号码">
              </div>
            </div>
          </div>
        </li>

      </ul>
      <ul class ="items-list">
        <li class = "list-item">
          <div class="item-content">
            <div class="item-media"><i class="iconfont icon-yanzhengma login-icon" ></i></div>
            <div class="item-inner">
              <div class="item-input mobile-code mobile-code-input">
                <input type="number" readonly = "readonly" oninput="if(value.length>6)value=value.slice(0,6)"  placeholder="验证码">
                <a href="#" id ="_get_mobile_code" disabled = "disabled" class="button button-round button-raised disabled">获取验证码</a>
              </div>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class ="remember-me">
        <div class ="check-box">
          <i class ="f7-icons size-50" checked = "checked">check</i>
        </div><span>记住我</span>
    </div>
    <p><a href="#" class="login-button button button-round active button-big button-fill button-raised
      color-pruple " disabled = "disabled">登录</a></p>
  </div>
</Template>
